<template>
  <div class="home">
    <top-view />
    <sale-view />
    <bottom-view />
  </div>
</template>

<script>
import TopView from './components/TopView.vue'
import SaleView from './components/SaleView.vue'
import BottomView from './components/BottomView.vue'
export default {
  name: 'Dashboard',
  mounted () {
    this.$store.dispatch('data/getReportData')
  },

  components: {
    TopView,
    SaleView,
    BottomView,
  }
}
</script>

<style lang="scss" scoped>
.home {
  height: 100%;
  background: #eee;
  padding: 20px;
}
</style>
